<div id="category-browes" class="GoodsCategoryWrap">
	<{foreach from=$data item=parent key=parent_id}>
	<h3 class="toggler"><{$parent.label}><em><a href="<{link ctl="gallery" act=$setting.view arg0=$parent_id}>">more&gt;&gt;</a></em></h3>
	<ul class="element">
		<{foreach from=$parent.sub item=child key=childId}>
		<li><a href="<{link ctl="gallery" act=$setting.view arg0=$childId }>"><{$child.label}></a></li>
		<{/foreach}>
	</ul>
	<{/foreach}>
	<div class="category-bottom"></div>
</div>

<script>
withBroswerStore(function(status){
	var myAccordion = new Accordion($('category-browes'), 'h3.toggler', 'ul.element', {
		opacity: false,
		show: 100, 
		onActive: function(toggler, element){
			toggler.setStyle('color', '#528CE0');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#41464D');
		}
	});
});
</script>